/**
	CSS PAGES [MOBILE]
========================================================================================== 
**/

@media (max-width: 768px){

/* HOMEPAGE
------------------------------------------------------------------------------------------ */
.hp_dicactics{
	width: 100%;
	height: auto;
	padding: 30px 0;
	margin-top: 30px;
	float: none;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 0;
	border-bottom: 0;
}
	.hp_dicactics h3{ float: none; }
	.hp_dicactics p{ width: 100%; float: none; }
	.hp_dicactics img{ margin: 20px auto; float: none; }
	.hp_dicactics a{ float: none; }
		.hp_dicactics a:hover{ background: inherit; color: inherit; }

	.hp_dicactics:nth-of-type(2){ padding: 30px 0; border-right: 0; }
	.hp_dicactics:nth-of-type(2) p{ width: 100%; }
	.hp_dicactics:nth-of-type(2) img{ margin-top: 20px; }

/* Corsi
------------------------------------------------------------------------------------------ */
.hp_course{ padding: 40px 0 0 0 ; }

	.hp_course h3{ margin: 0 0 35px 0; }
			.hp_corse_list li{ width: 100%; margin-right: 0; }
					.hp_corse_list li:hover{ text-shadow: none; }
					.hp_corse_list li:hover .layer_1{ opacity: 0.7; }


/* Box Sedi */
.hp_office{
	width: 100%;
	height: auto;
	padding-bottom: 40px;
	overflow: hidden;
	text-align: center;
	background: #FFF;
}
	.hp_office .center_width{ width: 100%; }
	.hp_office_contact{
		width: 100%;
		height: auto;
		position: relative;
		overflow: hidden;
		top: auto;
		right: auto;
		background: none;
	}
		.hp_office_contact p:nth-of-type(1){ margin: 0; }


/* ISTITUTO
------------------------------------------------------------------------------------------ */
.istituto{ margin-top: 0px; }
	.tt_company_data{ height: auto; margin: 40px 0 0 0; }
		.tt_company_data li{
			width: 273px;
			height: 310px;
			margin: 0 auto 15px auto;
			float: none;
		}
			.tt_company_data li:nth-of-type(4){ margin-right: auto; }

	.company_material_title{ width: 100%; margin: 40px auto 20px auto; font-size: 20px; }
		.company_material .box_text{ width: 100%; padding: 60px 30px 30px 30px; float: none; }
				.company_material .box_text a:hover{ background: inherit; color: inherit; }

		.company_material figure{ width: 100%; float: none; }

		.company_material:nth-of-type(2) .box_text{ float: none; }
		.company_material:nth-of-type(2) figure{ float: none; }


/* CORSI
------------------------------------------------------------------------------------------ */
.corsi{ margin-top: 30px; background-image: none; }
	.cr_page_title{ width: 100%; height: auto; background: #E5BE00; }

	.cr_course_list{ width: 100%; padding: 0; margin: 30px 0 40px 0; }
		.cr_course_list li{
			height: auto;
			padding-bottom: 10px;
			margin: 0 0 50px 0;
			background: none;
			border-bottom: 1px solid #CCC;
		}
			.cr_course_list li h3{ margin: 0 auto; float: none; }
			.cr_course_list li .intro{
				width: 100%;
				height: auto;
				margin: 5px 0 0 0;
				float: none;
				font-size: 15px;
			}
			.cr_course_list li a{ overflow: visible; }
			.cr_course_list li figure{
				width: calc(100% + 30px);
				height: auto;
				margin-left: -30px;
			}
			.cr_course_list li img{
				/*max-width: 100%;*/
				max-height: none;
				width: 100%;
				height: auto;
				margin: 30px 0 0 0;
				float: none;
			}
			.cr_course_list li a .text_hover{ display: none; }

			/* Ultimo corso della lista */
			.cr_course_list li:nth-last-of-type(1){ background: none; }
			.cr_course_list li:nth-last-of-type(1) h3{ color: #000; }
			.cr_course_list li:nth-last-of-type(1) .intro{ text-align: center; }
			.cr_course_list li:nth-last-of-type(1) .button{ display: none; }
			.cr_course_list li:nth-last-of-type(1) a .text_hover{ display: none; }


/* CORSI DETTAGLIO
------------------------------------------------------------------------------------------ */
.corsi_dett{ margin-top: 150px; padding-top: 0px; background: #FFF; }

.crd_search_offices{
	width: 100%;
	height: 270px;
	padding: 20px 5%;
	margin: 0 auto;
	top: 225px;
	position: absolute;
	box-sizing: border-box;
	color: #FFF;
	background: #78C2E7;
	text-align: center;
	z-index: 3;
}

	.crd_so_box_1, .crd_so_box_2{
		width: 100%;
		height: 85px;
		margin: 30px 0 0 0;
		position: relative;
		top: 0;
		left: auto;
		z-index: 10;
	}
	.crd_so_box_2{ margin-left: auto; z-index: 9; }

	.crd_search_offices h3{
		position: relative;
		margin: 0;
		left: auto;
		font-size: 24px;
	}
	.crd_search_offices ul{
		width: 230px;
		margin: 10px 0 0 0;
		left: 5%;
		top: 0px;
		position: relative;
	}
		.crd_search_offices .search_offices_opener{
			margin: 0 0 0 230px;
			top: 32px;
			left: 5%;
			cursor: none;
		}
		.crd_search_offices ul li{ text-align: left; }

			.crd_search_offices ul.open li{ background: #EDEDED; }

	/* Lista sedi */
	.crd_offices{
		width: 100%;
		margin: 115px 0 0 0;
		padding-bottom: 20px;
		float: none;
		border-right: 0px;
	}
		.crd_offices_list{ width: 100%; height: 180px; font-size: 16px; }
		.crd_offices_list.open{ height: auto; }

	.see_more_offices{
		width: 100%;
		height: 35px;
		padding-top: 80px;
		margin: -60px auto 40px auto;
		display: block;
		position: relative;
		line-height: 35px;
		font-size: 20px;
		color: #FFF;
		text-align: center;
		background: url(/web/20230320054952im_/https://www.sitam.it/layout_image/corsi/bg_opener_offices.png) no-repeat center bottom;
	}
		.see_more_offices:hover{ color: #FFF; }
		.see_more_offices:after{
			content: ' ';
			width: 20px;
			height: 20px;
			margin-left: -10px;
			position: relative;
			display: block;
			top: 10px;
			left: 50%;
			background: url(/web/20230320054952im_/https://www.sitam.it/layout_image/corsi/bg_more_course.svg) no-repeat center center;
		}
			.see_more_offices.open{ margin-top: 0px; }
			.see_more_offices.open:after{ background-image: url(/web/20230320054952im_/https://www.sitam.it/layout_image/corsi/bg_more_course_up.svg); }


	.crd_course_details{
		width: 100%;
		padding: 0;
		margin: 20px 0 0 0;
		float: none;
		border-left: 0px;
	}
		.crd_course_details figure{
			width: 80%;
			box-sizing: border-box;
			margin-top: 130px;
			padding: 10px;
			border: 1px solid #78C2E7;
			background: none;
		}
			.crd_course_details figure img{ width: 80%; margin: -120px 0 0 15px; border: 15px solid #FFF; }

/* SEDI
------------------------------------------------------------------------------------------ */
.sedi{ margin-top: 120px; }

#google_map{ height: 300px; }

/* SEDI DETTAGLIO
------------------------------------------------------------------------------------------ */
.sedi_dett{ margin-top: 120px; }

.sdt_office_data{
	width: 100%;
	margin: 30px 0 0 0;
	padding-bottom: 20px;
	float: none;
}
	.sdt_addresss{
		width: 90%;
		margin: 0 auto 20px auto;
		float: none;
	}

	.sedi_dett .sdt_office_courses{
		width: 90%;
		min-height: 400px;
		margin: 30px auto;
		border-left: 0;
	}
	.sedi_dett .sdt_office_courses .crd_course_details:nth-of-type(1){ margin-top: 0; }

			.gallery_offices img{ width: 100%; }
			.gallery_offices.single img{ width: 100%; }
			.gallery_offices.double img{ width: 100%; }


/* SQUADRA
------------------------------------------------------------------------------------------ */
.sq_square_1{ margin: 30px 0 20px 0; }
	.sq_square_1 img{ float: none; margin: 15px auto; }
	.sq_square_1 .sq_text{ width: 100%; float: none; }
.sq_square_2 img{ width: 100%; height: auto; float: none; margin: 15px auto; }
	.sq_square_2 .sq_text{
		width: 100%;
		height: auto;
		padding: 30px;
		margin-bottom: 60px;
		float: none;
	}


/* LIBRO
------------------------------------------------------------------------------------------ */
	.page_intro.libro a:hover{ color: inherit; background: inherit; }

.bk_book_1{ margin: 30px auto 40px auto; }
	.bk_book_1 .bk_text{ width: 100%; height: auto; float: none; }
	.bk_book_1 img{ margin: 0 auto; float: none; }
.bk_book_2{ height: auto; overflow: hidden; margin-bottom: 80px; }
	.bk_book_2 img{ width: 100%; margin: 0 auto; float: none; }



/* NEWS
------------------------------------------------------------------------------------------ */
.news{ margin-top: 40px; background: none; }
	.nw_page_title{ width: 100%; height: 60px; }

	.nws_list{ width: 100%; }
		.nws_list li{ width: 100%; padding: 20px; float: none; }
		.nws_list li:after{ content: ''; display: none; }
			.nws_list li h3{ float: none; }
			.nws_list li p{ float: none; }
			.nws_list li.with_img h3, .nws_list li.with_img p{ width: 100%;  }

			.nws_list li img{ margin-top: 15px; position: relative; top: auto; right: auto; }


/* CONTATTI
------------------------------------------------------------------------------------------ */
.contatti{ margin-top: 0; overflow: hidden; border-bottom: 5px solid #CCC; }

.ctt_office{
	width: 100%;
	height: auto;
	margin: 25px auto 0 auto;
	padding: 25px 0 25px 0;
	float: none;
}
	.ctt_office h4{ width: 90%; margin: 0 auto; float: none; }
	.ctt_office p{ width: 90%; margin: 20px auto 0 auto; float: none; }

.ctt_contact{
	width: 90%;
	padding: 30px 0 50px 0;
	margin: 0 auto;
	float: none;
}

#contact_form{ width: 100%; }
	#contact_form div{ width: 100%; margin: 0; float: none; }

		#contact_form div.mandatory_field{ height: auto; top: 940px; } /* Riposiziono sotto le note */

		#contact_form div.privacy{ width: 80%; height: auto; margin-top: 50px;  }
		#submit_button{
			margin: 20px auto 0 auto;
			float: none;
			display: block;
			position: relative;
		}

}
/*
     FILE ARCHIVED ON 05:49:52 Mar 20, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:08:52 Nov 20, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 69.952
  exclusion.robots: 0.142
  exclusion.robots.policy: 0.127
  cdx.remote: 0.103
  esindex: 0.016
  LoadShardBlock: 40.51 (3)
  PetaboxLoader3.datanode: 84.012 (5)
  load_resource: 188.669
  PetaboxLoader3.resolve: 118.431
  loaddict: 53.187
*/